body
{
    font: 14px/180% "Microsoft Yahei", tahoma, arial, sans-serif;
    color: rgb(142, 149, 156);
    padding-top: 105px;
    font-size-adjust: none;
    font-stretch: normal;
}

h2
{
    color: rgb(47, 53, 62);
    text-transform: uppercase;
    font-weight: 300;
}

h3
{
    color: rgb(47, 53, 62);
    text-transform: uppercase;
    font-weight: 300;
}

h4
{
    color: rgb(47, 53, 62);
    text-transform: uppercase;
    font-weight: 300;
}

h5
{
    color: rgb(47, 53, 62);
    text-transform: uppercase;
    font-weight: 300;
}

h6
{
    color: rgb(47, 53, 62);
    text-transform: uppercase;
    font-weight: 300;
}

h2
{
    background: url("../assets/line.gif") repeat-x center;
    margin: 15px 0px 10px;
    text-align: center;
}

    h2 span
    {
        background: rgb(255, 255, 255);
        padding: 0px 20px;
    }

h4.gray
{
    margin: 3px 0px 5px;
    color: rgb(142, 149, 156);
}

h4.litter
{
    margin: 6px 0px 2px;
}

h5
{
    margin: 3px 0px 0px;
}

h6
{
    margin: 3px 0px 0px;
    color: rgb(142, 149, 156);
}

hr.litter
{
    margin: 1px 0px 0px;
}

a:hover
{
    text-decoration: none;
}

.centered
{
    text-align: center;
}

.framed
{
    border: 10px solid rgb(255, 255, 255);
    margin-bottom: 10px;
    box-shadow: 0px 0px 7px #ccc;
    -webkit-box-shadow: 0 0 7px #CCC;
    -moz-box-shadow: 0 0 7px #CCC;
}

.feature-blocks
{
    margin-bottom: 50px;
}

.avatar
{
    padding: 0px 10px 10px 0px;
}

.thumbnail
{
    padding: 15px;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    .thumbnail:hover
    {
        box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    }

    .thumbnail a img
    {
        width: 100%;
        height: auto;
    }

.portfolio .thumbnail
{
    padding: 8px;
}

.input-flexible
{
    width: 90%;
}

.bordered
{
    padding-right: 10px;
    border-right-color: rgb(238, 238, 238);
    border-right-width: 1px;
    border-right-style: solid;
}

.borderedleft
{
    padding-left: 10px;
    border-left-color: rgb(238, 238, 238);
    border-left-width: 1px;
    border-left-style: solid;
}

.img-polaroid
{
    padding: 10px;
    width: 85%;
}

 .navbar-inner
{
    padding-top: 3px;
    padding-bottom: 3px;
    background-image: none;
}

.sub-navbar
{
    padding-top: 3px;
    padding-bottom: 3px;
}

    .sub-navbar .container
    {
        color: rgb(255, 255, 255);
    }

.navbar-inverse .nav .active > a
{
    color: rgb(255, 255, 255);
    font-size: 140%;
    box-shadow: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

    .navbar-inverse .nav .active > a:hover
    {
        color: rgb(255, 255, 255);
        font-size: 140%;
        box-shadow: none;
        background-color: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

    .navbar-inverse .nav .active > a:focus
    {
        color: rgb(255, 255, 255);
        font-size: 140%;
        box-shadow: none;
        background-color: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

.navbar-inverse .btn-navbar
{
    filter:;
    background-image: none;
    background-repeat: no-repeat;
    background-color: rgb(18, 18, 18);
}

.showcase
{
    background: url("../assets/header_background-12.png") scroll no-repeat center center;
    padding: 10px 0px 0px;
    width: auto;
    text-align: center;
    -ms-zoom: 1;
    min-height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

    .showcase .container .footbg
    {
        height: 100%;
    }

    .showcase h1
    {
        background: rgb(0, 0, 0);
        padding: 20px 10px;
        border-radius: 3px;
        transition: 0.5s;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        -ms-zoom: 1;
        opacity: 0.7;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
    }

    .showcase p
    {
        background: rgb(0, 0, 0);
        padding: 20px 10px;
        border-radius: 3px;
        transition: 0.5s;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        -ms-zoom: 1;
        opacity: 0.7;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
    }

    .showcase h1:hover
    {
        opacity: 1;
    }

    .showcase p:hover
    {
        opacity: 1;
    }

.carousel-control
{
    background: rgb(34, 34, 34);
    border-radius: 3px;
    border: currentColor;
    left: 15px;
    top: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    color: white;
    line-height: 21px;
    font-size: 40px;
    font-weight: 100;
    margin-top: -20px;
    position: absolute;
    opacity: 0.3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.left.carousel-control
{
    left: -10px;
}

.right.carousel-control
{
    right: -10px;
}

.strip
{
    padding: 20px 0px 10px;
    width: auto;
    text-align: center;
    margin-bottom: 20px;
    border-top-color: rgb(51, 51, 51);
    border-bottom-color: rgb(51, 51, 51);
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    -ms-zoom: 1;
}

    .strip .container .row > div
    {
        color: rgb(142, 149, 156);
        font-weight: 400;
    }

article h3
{
    margin-top: -10px;
}

    article h3 a
    {
        color: rgb(0, 0, 0);
    }

        article h3 a:hover
        {
            color: rgb(142, 149, 156);
        }

.post-image
{
    border: 10px solid rgb(255, 255, 255);
    width: 95%;
    margin-bottom: 15px;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.well h4
{
    margin-top: 0px;
}

.tags
{
    list-style: none;
    margin-left: 0px;
}

.categories
{
    list-style: none;
    margin-left: 0px;
}

.tags
{
    font-size: 12px;
}

.categories li
{
    cursor: pointer;
}

.adspace
{
    text-align: center;
    padding-bottom: 20px;
}

    .adspace a
    {
        margin-bottom: 15px;
        display: block;
    }

    .adspace small
    {
        display: inline-block;
    }

.btn
{
    padding: 7px 13px;
    border-radius: 3px;
    border: currentColor;
    transition: 0.5s;
    color: rgb(255, 255, 255);
    filter:;
    text-shadow: none;
    background-image: none;
    background-repeat: no-repeat;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}

    .btn:hover
    {
        transition: 0.5s;
        color: rgb(255, 255, 255);
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
    }

    .btn:active
    {
        transition: 0.5s;
        color: rgb(255, 255, 255);
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
    }

    .btn .active
    {
        transition: 0.5s;
        color: rgb(255, 255, 255);
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
    }

    .btn .disabled
    {
        transition: 0.5s;
        color: rgb(255, 255, 255);
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
    }

[disabled].btn
{
    transition: 0.5s;
    color: rgb(255, 255, 255);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}

.btn-login
{
    padding: 3px 10px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    display: inline;
}

    .btn-login:hover
    {
        color: rgb(51, 51, 51);
    }

.btn-primary
{
    margin: 5px;
    color: rgb(255, 255, 255);
    font-weight: 400;
}

.btn-facebook
{
    margin: 5px 5px 0px 0px;
    color: rgb(255, 255, 255);
    font-weight: 400;
}

.btn-twitter
{
    margin: 5px 5px 0px 0px;
    color: rgb(255, 255, 255);
    font-weight: 400;
}

.video-container
{
    border: 10px solid rgb(255, 255, 255);
    height: 0px;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 56.25%;
    position: relative;
    box-shadow: 0px 0px 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    -moz-box-shadow: 0 0 5px #888;
}

    .video-container iframe
    {
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .video-container object
    {
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .video-container embed
    {
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        position: absolute;
    }

.team
{
    background: url("../images/foot_background-1.png") no-repeat center;
    padding: 8px 0px 0px;
    width: auto;
    text-align: left;
    -ms-zoom: 1;
    min-height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

footer
{
    padding: 25px 20px 10px;
    width: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}

    footer p
    {
        color: rgb(255, 255, 255);
    }

    footer a
    {
        color: rgb(255, 255, 255);
    }

        footer a:hover
        {
            color: rgb(142, 149, 156);
        }

@media all and (max-width:979px)
{
    body
    {
        padding-top: 0px;
    }

    .navbar-fixed-top
    {
        margin-bottom: 0px;
    }

    .nav-collapse .nav > li > a
    {
        color: rgb(153, 153, 153);
    }

    .nav-collapse .dropdown-menu a
    {
        color: rgb(153, 153, 153);
    }

    .sub-navbar
    {
        padding-right: 15px;
        padding-left: 15px;
    }

    .showcase
    {
        padding-right: 15px;
        padding-left: 15px;
    }

    .strip
    {
        padding-right: 15px;
        padding-left: 15px;
    }

    footer
    {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media all and (max-width:767px)
{
    .showcase
    {
        margin-right: -20px;
        margin-left: -20px;
    }

    .strip
    {
        margin-right: -20px;
        margin-left: -20px;
    }

    .footbg
    {
        margin-right: -20px;
        margin-left: -20px;
    }

    footer
    {
        margin-right: -20px;
        margin-left: -20px;
    }

    .left.carousel-control
    {
        left: -10px;
    }

    .right.carousel-control
    {
        right: -10px;
    }

    .tags li
    {
        display: inline;
    }
}
